<script setup lang="ts">
import type { IconProps } from './type'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
const props = defineProps<IconProps>()
defineOptions({
  name: 'VKIcon',
  inheritAttrs: false
})
</script>

<template>
  <i class="vk-icon" v-bind="$attrs" :class="{ [`vk-icon--${type}`]: type }">
    <font-awesome-icon v-bind="props"></font-awesome-icon>
  </i>
</template>

<style scoped></style>
